<ui:composition template="#{ConfiguracionBean.rutaContexto}resources/Plantillas/normal.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="titulo">
        <h:outputText value="Administrar usuarios"/>
    </ui:define>

    <ui:define name="content">
        <h:panelGroup rendered="#{!UserBean.administrarUsuarios}">
            <h:panelGrid width="100%">
                <br/><br/><br/>
                <h:panelGrid style="text-align: center; margin: 0px auto; color: red; font-weight: bold" >
                        <h:outputText value="No tienes permiso para acceder a esta sección"/>
                </h:panelGrid>
            </h:panelGrid>
        </h:panelGroup>
        
        <h:panelGroup rendered="#{UserBean.administrarUsuarios}">
            <h:panelGrid columns="2">
                <h:outputText value="Usuario" style="font-weight: bold;"/>
                <h:outputText value="#{TramiteBean.asesorEditar.codigoSIUST.email}"/>
                <h:outputText value="Código usuario" style="font-weight: bold;"/>
                <h:outputText value="#{TramiteBean.asesorEditar.codigoSIUST.userCode}"/>
                <h:outputText value="Tipo de usuario" style="font-weight: bold;"/>
                <h:outputText value="#{TramiteBean.asesorEditar.tunCodigo.tutNombre == null ? 'SIN PERMISOS' : TramiteBean.asesorEditar.tunCodigo.tutNombre}" style="font-weight: bold; #{TramiteBean.asesorEditar.tunCodigo.tutNombre == null ? 'color: red;' : 'color: green;'}"/>
            </h:panelGrid>
            <br/>
            <h:panelGroup id="pgPermisos">
                <h:form id="listaPermisos">
                    <p:dataTable id="datos" value="#{TramiteBean.permisosAsesor}" var="p" 
                                 style="font-size:10px;width:400px;" rows="10" emptyMessage="No se encontraron permisos" 
                                 rowStyleClass="#{p.estado == true ? 'permiso-asignado' : 'permiso-no-asignado'}">
                        <f:facet name="header">Lista de permisos</f:facet>
                        <p:column headerText="RECURSO" sortBy="#{p.pttNombre}" style="width:200px; text-align: left;">
                            <h:outputText value=" #{p.pttNombre}" />
                        </p:column>
                        <p:column style="width:100px; text-align: center;">
                            <p:commandButton value="Asignar" oncomplete="crearPermiso.show()" update=":pgCrearPermiso" rendered="#{p.estado == false}" icon="ui-icon-check">
                                <f:setPropertyActionListener target="#{TramiteBean.tipoPermiso}" value="#{p.ptnCodigo}"/>
                            </p:commandButton>
                            <p:commandButton value="Eliminar" oncomplete="eliminarPermiso.show()" update=":pgEliminarPermiso" rendered="#{p.estado == true}" icon="ui-icon-trash">
                                <f:setPropertyActionListener target="#{TramiteBean.tipoPermiso}" value="#{p.ptnCodigo}"/>
                            </p:commandButton>
                        </p:column>
                    </p:dataTable>
                </h:form>
                
                <!-- CREAR PERMISO -->
                <p:dialog closable="false" header="Confirmación" widgetVar="crearPermiso" resizable="false">  
                    <h:panelGrid id="pgCrearPermiso" width="100%" style="font-size: 12px;" >
                    
                        <h:panelGrid width="100%"  cellpadding="0" cellspacing="0">
                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                <h:outputText value="Asignar permiso?" style="font-weight: bold;"/>
                            </h:panelGrid>
                            <br/>
                            
                            <h:form>
                                <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                    <p:commandButton value="Aceptar" action="#{TramiteBean.crearPermiso}" update=":datosResultado,:listaPermisos" oncomplete="crearPermiso.hide();abrirDialogo(xhr, status, args);"/>
                                    <p:commandButton type="button" value="Cancelar" onclick="crearPermiso.hide();"/>
                                </h:panelGrid>
                            </h:form>
                        </h:panelGrid>
                    
                    </h:panelGrid>
                    
                </p:dialog>
                
                <!-- BORRAR PERMISO -->
                <p:dialog closable="false" header="Confirmación" widgetVar="eliminarPermiso" resizable="false">  
                    <h:panelGrid id="pgEliminarPermiso" width="100%" style="font-size: 12px;" >
                    
                        <h:panelGrid width="100%"  cellpadding="0" cellspacing="0">
                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                <h:outputText value="Eliminar permiso?" style="font-weight: bold;"/>
                            </h:panelGrid>
                            <br/>
                            
                            <h:form>
                                <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                    <p:commandButton value="Aceptar" action="#{TramiteBean.borrarPermiso}" update=":datosResultado,:listaPermisos" oncomplete="eliminarPermiso.hide();abrirDialogo(xhr, status, args);"/>
                                    <p:commandButton type="button" value="Cancelar" onclick="eliminarPermiso.hide();"/>
                                </h:panelGrid>
                            </h:form>
                        </h:panelGrid>
                    
                    </h:panelGrid>

                </p:dialog>
                
                <!-- RESULTADO -->
                <p:dialog header="Resultado" widgetVar="resultadoDialog" resizable="false" modal="true" draggable="false"
                          width="400" showEffect="fade" hideEffect="fade" position="center" closable="false">
                    <h:panelGrid id="datosResultado" style="text-align: center; " width="100%">
                        <h:outputText value="#{TramiteBean.mensajeAdminUsuario}" escape="false"/>
                        <p:commandButton type="button" value="Aceptar" onclick="resultadoDialog.hide();"/>
                    </h:panelGrid>
                </p:dialog>
                
            </h:panelGroup>
            
            <script type="text/javascript">  
                function abrirDialogo(xhr, status, args) {
                    if(args.abrirDialog) {
                        resultadoDialog.show();
                    }
                }
            </script>
            
        </h:panelGroup>
    </ui:define>
</ui:composition>

